.root {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: white;
}

.menus {
  position: absolute;
  width: 100%;
  background-color: white;
  z-index: 2;

  :global {
    .am-list-item {
      min-height: 40px;
    }
  }
}

.tabContainer {
  height: calc(100% - 45px);
}

.row {
  width: 100%;
  padding: 0 4px;
  text-align: left;
}

.skillContainer {
  width: 100vw;
  height: 100%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

.stageContainer {
  width: 300vw;
}

.stage {
  width: 100vw;
  border-radius: 10px;
  font-weight: bold;
  color: #1a2e69;
  display: inline-block;
  vertical-align: middle;
}

.novice {
  background-color: rgba(173, 238, 221, 1)
}

.veteran {
  background-color: rgba(255, 246, 128, 1);
}

.master {
  background-color: rgba(255, 137, 137, 1);
}

.common {
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  height: 100%;
}

.Hero {
  background-image: url('../images/professions/Hero.png');
  .common();
}

.Paladin {
  background-image: url('../images/professions/Paladin.png');
  .common();
}

.Bushido {
  background-image: url('../images/professions/Bushido.png');
  .common();
}

.Medic {
  background-image: url('../images/professions/Medic.png');
  .common();
}

.Ranger {
  background-image: url('../images/professions/Ranger.png');
  .common();
}

.Gunner {
  background-image: url('../images/professions/Gunner.png');
  .common();
}

.DoctorMagus {
  background-image: url('../images/professions/DoctorMagus.png');
  .common();
}

.Highlander {
  background-image: url('../images/professions/Highlander.png');
  .common();
}

.Princess {
  background-image: url('../images/professions/Princess.png');
  .common();
}

.Shogun {
  background-image: url('../images/professions/Shogun.png');
  .common();
}

.Zodiac {
  background-image: url('../images/professions/Zodiac.png');
  .common();
}

.Shinobi {
  background-image: url('../images/professions/Shinobi.png');
  .common();
}

.Farmer {
  background-image: url('../images/professions/Farmer.png');
  .common();
}

.Swordsman {
  background-image: url('../images/professions/Swordsman.png');
  .common();
}

.NightSeeker {
  background-image: url('../images/professions/NightSeeker.png');
  .common();
}

.Mystic {
  background-image: url('../images/professions/Mystic.png');
  .common();
}

.Imperial {
  background-image: url('../images/professions/Imperial.png');
  .common();
}

.Cestvs {
  background-image: url('../images/professions/Cestvs.png');
  .common();
}

.Reaper {
  background-image: url('../images/professions/Reaper.png');
  .common();
}